
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <title>接单</title>
  <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  <link rel="stylesheet" type="text/css" href="../../css/style.css" />
  <script type="text/javascript" src="../../script/api.js"></script>
    <style type="text/css">
    .empty {
        text-align: center;
        padding: 5px 0;
    }
    .top{
    	width:100%;
    	height: 40px;
    	margin: 40px auto 0px;
    	background: #f5f5f5;
    	color:#000;
    	border:0px;
    	display: block;
    	text-align: center;
    }
    .leftreturn{
      position: absolute;
      left:5px;
      z-index: 5;
      background-image: url("../../image/leftreturn.png");
      background-position: 0px 0px;
      width:25px;
      height:25px;
      margin:7.5px 0;
    }
    .top-title{
      line-height: 40px;
      font-size: 20px;
    }
.content{
	width:100%;
	height: 420px;
	margin: 0 auto;
	margin-top: 0;
	background: white;
	color:#000000;
	border:0px;
	display: block;
	font-size: 14px;
}
.content-cell{
	width:100%;
	height: 50px;
	margin: 0 auto;
	margin-top: 0;
	background: white;
	color:#000000;
	border:0px;
	display: block;
	font-size: 17px;
	margin-top: 10px;
}
.content-text{
	width:90%;
	height: 30px;
	margin: 0 auto;
	margin-top: 0;
	color:#000000;
	border:1px;
	border-style: solid;
	border-color: #999999;
	display: block;
	font-size: 14px;
  border-radius: 8px;
}
.button {
	width:80%;
	height: 40px;
	margin: 15px auto 0px;
	background: #0082e4;
  border-radius: 6px;
	color:#FFFFFF;
	font-size: 18px;
	border:0px;
	display: block;
}
    </style>
</head>
<body>
  <div class="empty">
    	<div class="top">
        <i class="leftreturn" onclick="Winclose();"></i>
    		<h1 class="top-title">筛选捎单</h1>
    	</div>
    	<div class="content">
    			<li class="content-cell">
    				<label for="">可捎货重量</label>
    				<input class="content-text" type="text" id="weight"/>
    			</li>
    			<li class="content-cell">
    				<label for="">可捎货体积</label>
    				<input class="content-text" type="text" id="volume"/>
    			</li>
    			<li class="content-cell">
    				<label for="">可捎货时间</label>
    				<input class="content-text" type="date" id="time"/>
    			</li>

    	</div>

    		<button class="button" onclick="tiaozhuan_jiedanxuanze();">提 交</button>
    	</div>
</div>

</body>


<script type="text/javascript">

  function tiaozhuan_jiedanxuanze() {
    var weight = $api.byId('weight').value;
    var volume = $api.byId('volume').value;
    var time = $api.byId('time').value;

    if(weight =='' || volume =='' || time == ''){
      alert('请填写信息');
    }else{
    api.openWin({
      name: 'xiadanlist2',
      url: 'xiadanlist2.html',
      opaque: true,
      vScrollBarEnabled: false,
        pageParam: {
            weight:weight,
            volume:volume,
            time:time
        }
    });
    }
  }

   function Winclose() {
    api.closeWin();
  }
</script>

</html>
